<template>
	<view class="set-list">
		<view class="set-item" @tap='goSet(1)'>
			<view class="item-left">
				<text class="set-name">登录密码</text>
			</view>
			<image class="item-right" src="/static/mine/arrow-black.png"></image>
		</view>
		<view class="set-item" @tap='goSet(2)'>
			<view class="item-left">
				<text class="set-name">安全密码</text>
			</view>
			<image class="item-right" src="/static/mine/arrow-black.png"></image>
		</view>
		<view class="set-item" @tap='goSet(3)'>
			<view class="item-left">
				<text class="set-name">切换语言</text>
			</view>
			<image class="item-right" src="/static/mine/arrow-black.png"></image>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				setlist: {
					1: '/pages/mine/setInfo/setPwd/setPwd',
					2: '/pages/mine/setInfo/setSafePwd/setSafePwd',
					3: '/pages/mine/setInfo/setSysLanger/setSysLanger'
				}
			};
		},
		methods: {
			goSet(i) {
				console.log(i)
				let url = this.setlist[i]

				uni.navigateTo({
					url
				})

			}
		}
	}
</script>

<style lang="scss" scoped>
	.set-list {
		border-top: 20rpx solid #f4f5f9;
		background-color: #FFFFFF;

		.set-item {
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 27rpx 37rpx;
			border-bottom: 1px solid #EEEEEE;
		}

		.item-left {
			position: relative;
			display: flex;
			align-items: center;

			.set-name {
				font-size: 30rpx;
				margin-left: 13rpx;
			}

		}

		.item-right {
			width: 36rpx;
			height: 36rpx;
		}
	}
</style>
